import MyVue from './lib/MyVue.js'

window.vm = new MyVue({
  // MyVue不包含编译器，只能使用render函数渲染模板
  el: '#app',
  data: {
    msg: 'hehe',
    list: ['a', 'b', 'c', 'd']
  },

  methods: {
    sayHi() {
      console.log(this.msg)
    }
  },

  render(h) {
    return h('div', { attrs: { id: 'smd' } }, [
      h('span', {}, [this.msg]),
      h('ul', {}, [
        ...this.list.map((v) => h('li', { key: v }, [v]))
        // h('li', {}, ['a']),
        // h('li', {}, ['b']),
        // h('li', {}, ['c']),
        // h('li', {}, ['d'])
      ])
    ])
  }
})
